<template>
	<div class="theme">
		<van-nav-bar title="钱包管理" left-arrow @click-left="onClickLeft" @click-right="onClickRight">
			<van-icon name="plus" slot="right" />
		</van-nav-bar>
		<div class="overlay headTop">
			<div class="overlay-content scrolling">
				<div style="height: 100%;display: flex;">
					<div style="flex:1;height: 100%;background: #fafafa;">
						<van-sidebar v-model="activeKey" @change="active">
							<van-sidebar-item title="ETH" />
							<van-sidebar-item title="USDT" />
							<van-sidebar-item title="RMB" />
						</van-sidebar>
					</div>
					<div style="flex:4;height: 100%;background: white;">
						<div style="padding-top: 15px;" v-if="activeKey == 0">
							<div style="padding: 5px 10px;color: rgb(125, 126, 128);font-size: 13px;">
								身份
							</div>
							<div :style="{backgroundImage: 'url('+ img +')',backgroundSize:'100% 100%',backgroundRepeat:no-repeat,borderRadius:'5px',width: '95%',marginLeft: '10px', marginBottom: '10px'}">
								<div style="padding: 10px 10px;color: white;">
									<div style="font-size: 14px;">
										ETH-WWW001
									</div>
									<div style="font-size: 12px;padding-top: 5px;">
										khasdkghlasghlafk
									</div>
								</div>
							</div>
						</div>
						<div style="padding-top: 15px;" v-if="activeKey == 1">
							<div style="padding: 5px 10px;color: rgb(125, 126, 128);font-size: 13px;">
								身份
							</div>
							<div :style="{backgroundImage: 'url('+ img +')',backgroundSize:'100% 100%',backgroundRepeat:no-repeat,borderRadius:'5px',width: '95%',marginLeft: '10px', marginBottom: '10px'}">
								<div style="padding: 10px 10px;color: white;">
									<div style="font-size: 14px;">
										测试001
									</div>
									<div style="font-size: 12px;padding-top: 5px;">
										dgjdklgjdlskhs
									</div>
								</div>
							</div>
							<div :style="{backgroundImage: 'url('+ img +')',backgroundSize:'100% 100%',backgroundRepeat:no-repeat,borderRadius:'5px',width: '95%',marginLeft: '10px',marginBottom: '10px'}">
								<div style="padding: 10px 10px;color: white;">
									<div style="font-size: 14px;">
										测试001
									</div>
									<div style="font-size: 12px;padding-top: 5px;">
										dgjdklgjdlskhs
									</div>
								</div>
							</div>
						</div>
						<div style="padding-top: 15px;" v-if="activeKey == 2">
							<div style="padding: 5px 10px;color: rgb(125, 126, 128);font-size: 13px;">
								暂无钱包
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	let _this;
	export default {
		name: 'Wallet',
		components: {},
		props: {},
		data() {
			return {
				activeKey: 0,
				img: require('./../../assets/images/mine.png')
			};
		},
		beforeCreate() {
			_this = this;
		},
		watch: {},
		computed: {},
		methods: {
			onClickLeft() {
				this.$router.push({
					path: '/Mine'
				});
			},
			onClickRight() { // 保存
				this.$router.push({path:'addWallet'})
			},
			active() {
				console.log(this.activeKey)
			}
		},
		created() {},
		mounted() {
			
		},
		destroyed() {

		},
		filters: {}
	};
</script>

<style lang="less" scoped>
	
</style>